<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 在浏览器标签栏出现公司logo -->
		<link rel="icon" href="img/tyust.png">
		<title>2019毕业实习</title>
	</head>
	<body>
		<h2>表单-项目开发必用</h2>
		<form action="tyust.html" action="post">
			用户名<input type="text" placeholder="请输入用户名"/>
			<br>
			密码<input type="password"/>
			<br>
			生日<input type="date"/>
			<br>
			性别<input type="radio" name="gender"/>男
				<input type="radio" name="gender"/>女
			<br>
			籍贯<select>
				<option>湖北</option>
				<option>黑龙江</option>
				<option>山西</option>
			</select>
			<br />
			爱好 <input type="checkbox"/> 踢球
			<input type="checkbox"/> 羽毛球
			<input type="checkbox"/> 骑行
			<br />
			照片<input type="file"/>
			<br />
			备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
			<br />
			<input type="submit" value="注册"/>
			<input type="reset" value="重新填写"/>
		</form>
		<h2>超链接</h2>
		<a href="http://www.qq.com">腾讯</a>
		<br />
		<a href="tyust.html">太科大</a>
		<h2>图片</h2>
		<img src="img/tyust.png" width="50px" />
		<h2>表格</h2>
		<table border="1px" width="500px">
			<tr>
				<td>车次</td>
				<td>出发站</td>
				<td>历时</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G601</td>
				<td>太原南</td>
				<td>2小时51分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G601</td>
				<td>太原南</td>
				<td>2小时51分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G601</td>
				<td>太原南</td>
				<td>2小时51分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
		</table>
		<div>
					<h2>div的使用</h2>
					<div style="background-color: aqua;width: 1000px;height: 100px;">
						<span>div1</span>
					</div>
					<div style="background-color: red;width: 100px;height: 100px;">
						<input type="text" placeholder="11111"/>
					</div>
					<div style="background-color: green;width: 500px;height: 100px;">
						<a href="#">div3</a>
					</div>
				</div>
				<h2>span用法</h2>
				<input type="text"/><span style="color: red;">哈哈哈哈！</span>
				<h2>列表</h2>
				<ul>
					<li>乒乓球</li>
					<li>羽毛球</li>
					<li>篮球</li>
				</ul>
				
				<ol>
					<li>乒乓球</li>
					<li>羽毛球</li>
					<li>篮球</li>
				</ol>
	</body>
</html>
